<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>注册</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="header">
			<div class="container header-content">
				<a href="index.html"><img src="../imgs/logo-white.png" /></a>

				<p>已有源码账号，<a href="./login.html">立即登录</a></p>
			</div>
		</header>

		<!-- 主体部分 -->
		<main class="main">
			<form action="save.html" class="main-form">
				<!-- 标题 -->
				<h1>欢迎注册</h1>
				<h2>百款接口免费试用</h2>
				<p class="promotion">注册即送300元大礼包</p>
				<p>
					<input
						type="text"
						placeholder="用户名(6~20位字母数字)"
						id="username"
					/>
					<span><i></i>昵称需在6-12位字母数字间</span>
					<!-- 清除按钮 -->
					<img src="../imgs/clearInput.png" />
				</p>
				<p>
					<input type="tel" placeholder="请输入手机号码" id="tel" />
					<span><i></i>请输入正确的手机号</span>
					<!-- 清除按钮 -->
					<img src="../imgs/clearInput.png" />
				</p>
				<p class="captcha">
					<input type="text" placeholder="请输入手机短信验证码" />
					<span><i></i>请输入4位手机验证码</span>
					<!-- 清除按钮 -->
					<img src="../imgs/clearInput.png" />
					<button type="button">获取验证码</button>
				</p>
				<p>
					<input type="password" placeholder="请输入6至12位的密码" id="pwd" />
					<span><i></i>请输入6至12位的密码</span>
					<!-- 清除按钮 -->
					<img src="../imgs/clearInput.png" />
				</p>
				<p class="agree">
					<label>
						<input type="checkbox" id="agreebox" />
						我已阅读并接受
					</label>
					<a href="#">《源码用户服务协议》</a>
					<a href="#">《源码隐私政策》</a>
				</p>
				<p class="regbtn">
					<button type="submit" disabled>立即注册</button>
				</p>
			</form>
		</main>

		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入当前页JS -->
		<script src="../js/register.js"></script>
	</body>
</html>
